.header-layout{
	position: fixed;
	z-index: 999;
	width: 100%;
	margin-top: 150rpx;
}
	
.page-content {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/bg_incense.svg?v20240325');
	background-repeat: no-repeat;
	background-size: 100% auto;
	.bg-layout {
		position: fixed;
		top: 36vh;
		left: 5.375vw;
		right: 5.375vw;
		width: 89.25vw;
		height: 82.01vw;
		z-index: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		.header {
			width: 131.42rpx;
			height: 131.42rpx;
			border-radius: 50%;
		}
		.header-image {
			width: 243.56rpx;
			height: 290.87rpx;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			.item-bg {
				position: absolute;
				z-index: 9;
				width: 100%;
				height: 100%;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/personal/bg_personal_update_header.svg?v20220826');
			}
			.item-img {
				width: 96%;
				height: 96%;
				border-radius: 40rpx;
			}
		}
		.item-layout1 {
			align-self: flex-end;
			width: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			.flower {
				position: absolute;
				margin-bottom: 28.04rpx;
				width: 366.22rpx;
				height: 157.7rpx;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/offering/icon_offering_flower.svg?v20220826');
			}
			.stove {
				position: absolute;
				width: 108.64rpx;
				height: 367.97rpx;
				margin-bottom: 28.04rpx;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/bg_incense_stove_off.svg?v20220826');
			}
			.stove-on {
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/bg_incense_stove_on.svg?v20220826');
			}
			.candle {
				position: absolute;
				width: 205.01rpx;
				height: 155.95rpx;
				margin-bottom: 28.04rpx;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/offering/icon_offering_candle.svg?v20220826');
			}
		}
	}
	.incense-animal {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		width: 100%;
		bottom: calc(140.18rpx + env(safe-area-inset-bottom));
		image {
			width: 34.58vw;
			height: 73.6vw;
			opacity: 0;
			content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/icon_incense.svg?v20220826');
		}
	}
	.hand-layout {
		position: fixed;
		z-index: 101;
		bottom: env(safe-area-inset-bottom);
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.icon-left-hand {
		width: 52.57vw;
		height: 33.41vw;
		position: absolute;
		bottom: 0;
		content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/icon_left_hand.svg?v20220826');
	}
	.icon-right-hand {
		align-self: flex-end;
		width: 52.57vw;
		height: 33.41vw;
		position: absolute;
		bottom: 0;
		content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/icon_right_hand.svg?v20220826');
	}
	.icon-incense {
		align-self: center;
		position: absolute;
		bottom: 140.18rpx;
		width: 34.58vw;
		height: 73.6vw;
		content: url('https://sitiantech.com/memorial-hall/profile/static/image/incense/icon_incense.svg?v20220826');
	}
}

.navigation-layout {
	position: fixed;
	right: 43.81rpx;
	z-index: 9;
	.btn {
		margin-bottom: 24.53rpx;
		color: #646c6d;
		font-size: 21.03rpx;
		width: 162.96rpx;
		height: 45.56rpx;
		line-height: 45.56rpx;
		text-align: center;
		background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/common/bg_navigation_btn.svg?v20220826');
		background-size: 100% 100%;
	}
}

.tip-toast {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 45vh;
	display: flex;
	justify-content: center;
	text {
		padding: 26.28rpx 35.04rpx;
		font-size: 26rpx;
		line-height: 32rpx;
		text-align: center;
		border-radius: 4px;
		color: #ffffff;
		background: rgba(#000000, 0.66f);
		max-width: 80vw;
	}
}
